@import "../../../../styles/personStyle/common";
.goods-type-edit{
  padding: 15px 20px;
  &-left{
    height: 450px;
    overflow: hidden;
  }
  &-right{
    height: 450px;
    overflow: hidden;
  }
  .upImg{
    padding: 138px 0;
    p{
      font-size: 20px;
      color: rgba(0,0,0,0.4);
    }
  }
  .cropper{
    box-sizing: border-box;
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 5px;
    width: 100%;
    height: 360px;
    overflow: hidden;
    img{
      max-height: 100%;
    }
    i{
      margin-top: 100px;
    }
    p{
      font-size: 20px;
      color: rgba(0,0,0,0.4);
      margin-top: 15px;
    }
    p,i{
      display: block;
      text-align: center;
    }
  }
  .preview-con{
    width: 100% !important;
    height: 360px !important;
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 5px;
    background: #f8f8f8;
    #preview{
      width: 100%;
      height: 100%;
      overflow: hidden;
      i{
        margin-top: 120px;
      }
      p{
        font-size: 20px;
        color: rgba(0,0,0,0.4);
        margin-top: 15px;
      }
      p,i{
        display: block;
        text-align: center;
      }
    }
  }
  .magi{margin-bottom: 20px;}
  .formCon{
    padding: 15px 25%;
  }
}